/* --------------- 
HELP ME PLEASE! 
I'M TRAPPED INSIDE 
A DIGITAL WORLD!
 ____________
 | (['/\']) |
 |__mm__mm__|
/ ########## \
==============
ascii art by 
steven lee taylor
www.stevenleetaylor.com 
------------- */
* {
	margin: 0;
	padding: 0;
}

header#canvas {
	width: 62vh;
	height: 68.5vh;
    background: yellow;
}
article {
	width:100%;
	height: 100%;
display: inline-block;
}
		section#one {
			width: 32%;
            height: 4%;
            margin-left: 68%;
			
		}
		section#two {
			width: 100%;
			height: 5%;
		
		}
		section#three {
			width: 15.2%;
			height: 2.5%;
			float: none;
		}
		section#four {
			width: 68%;
			height: 12.5%;
		}
		section#five{
			width: 24.5%;
			height: 6%;
			float:left;
		}
		section#six {
			width: 100%;
			height: 6%;

		}
		section#seven {
			width: 68%;
			height: 21.5%;
			margin-top: -105.5%;
			
		}
		section#eight {
			width: 22.5%;
			height: 21.5%;
		}
		section#nine {
			width: 100%;
			height: 2%;
		}
		section#ten {
			width: 50%;
			height: 11.5%;
			float:left;
		}
		section#eleven {
			width: 50%;
			height: 11.5%;
			float: right;
		}
		section#twelve {
			width: 15%;
			height: 2.5%;
			margin-top: -99.3%;
			float: left;
		}
		section#thirteen {
			width: 85%;
			height: 2.5%;
			float:right;
			margin-top: -99.3%;
		}
		section#fourteen {
			width: 100%;
			height: 12.5%;
			
			margin-top: -209%;
		}
		
	

/* CSS COLOR CLASSES */

.red {
	background-color: red;
}
.pink {
	background-color: pink;
}
.orange {
	background-color: orange;
}
.yellow {
	background-color: yellow;
}
.green {
	background-color: limegreen;
}
.cyan {
	background-color: cyan;
}
.blue {
	background-color:dodgerblue;
}
.gray {
	background-color: grey;
}
.black {
	background-color: black;
}
.white {
	background-color: white;
}
.red:hover {
	background-color: white;
}
.pink:hover {
	background-color: red;
}
.orange:hover {
	background-color: pink;
}
.yellow:hover {
	background-color: orange;
}
.green:hover {
	background-color: yellow;
}
.cyan:hover {
	background-color: limegreen;
}
.blue:hover {
	background-color: cyan;
}
.gray:hover {
	background-color: blue;
}
.black:hover {
	background-color: purple;
}
.white:hover {
	background-color: black;
}